 <template>
    <div class="no_data_panel">
      <div class="no_data_img">
        <img v-if="tipsData.img" :src="tipsData.img">
        <img v-else src="~@/assets/imgs/common/no_data.png">
      </div>
      <div class="no_data_text">{{tipsData.text || '暂无相关数据'}}</div>
      <div class="no_data_subtext" v-if="tipsData.subText">{{tipsData.subText}}</div>
      <slot name="btns"></slot>
    </div>
</template>

<script>

export default {
  props: {
    tipsData:{
      type:Object,
      default:()=>({})
    }
  },
  data() {
    return {
      
    }
  }
}
</script>

<style lang="less" scoped>
  .no_data_panel{
    .no_data_img{
      display: flex;
      justify-content: center;
      img{
        width: 2.1rem;
        height: 2.1rem;
      }
    }
    .no_data_text{
      font-size: 0.28rem;
      line-height: 0.36rem;
      color: #666;
      text-align: center;
      margin-top: 0.4rem;
      padding:0 0.4rem;
    }
    .no_data_subtext{
      font-size: 0.24rem;
      line-height: 0.32rem;
      color: #999;
      text-align: center;
      margin-top: 0.1rem;
    }
  }
</style>
